/* HTML5 display-role reset for older browsers */
@font-face {
  font-family: 'Proxima Nova Light';
  src: url('fonts/proxima_nova_light.eot');
  src: url('fonts/proxima_nova_light.eot?#iefix') format('embedded-opentype'), url('fonts/proxima_nova_light.woff') format('woff'), url('fonts/proxima_nova_light.svg#proxima_nova_ltlight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Proxima Nova Thin';
  src: url('fonts/proxima_nova_thin.eot');
  src: url('fonts/proxima_nova_thin.eot?#iefix') format('embedded-opentype'), url('fonts/proxima_nova_thin.woff') format('woff'), url('fonts/proxima_nova_thin.svg#proxima_nova_ththin') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Proxima Nova Semibold';
  src: url('fonts/proxima_nova_semibold.eot');
  src: url('fonts/proxima_nova_semibold.eot?#iefix') format('embedded-opentype'), url('fonts/proxima_nova_semibold.woff') format('woff'), url('fonts/proxima_nova_semibold.svg#proxima_nova_ltsemibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('fonts/proxima_nova_regular.eot');
  src: url('fonts/proxima_nova_regular.eot?#iefix') format('embedded-opentype'), url('fonts/proxima_nova_regular.woff') format('woff'), url('fonts/proxima_nova_regular.svg#proxima_nova_rgregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('fonts/proxima_nova_bold.eot');
  src: url('fonts/proxima_nova_bold.eot?#iefix') format('embedded-opentype'), url('fonts/proxima_nova_bold.woff') format('woff'), url('fonts/proxima_nova_bold.svg#proxima_nova_rgbold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('fonts/proxima_nova_regular_italic.eot');
  src: url('fonts/proxima_nova_regular_italic.eot?#iefix') format('embedded-opentype'), url('fonts/proxima_nova_regular_italic.woff') format('woff'), url('fonts/proxima_nova_regular_italic.svg#proxima_novaregular_italic') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('fonts/proxima_nova_bold_italic.eot');
  src: url('fonts/proxima_nova_bold_italic.eot?#iefix') format('embedded-opentype'), url('fonts/proxima_nova_bold_italic.woff') format('woff'), url('fonts/proxima_nova_bold_italic.svg#proxima_novabold_italic') format('svg');
  font-weight: bold;
  font-style: italic;
}

.btn,
.btn:visited {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 9px 28px 8px;
  border: 2px solid #fff;
  border-radius: 4px;
  background: transparent;
  color: #fff;
  vertical-align: top;
  font: 16px/21px 'Proxima Nova Semibold', Helvetica, Arial, sans-serif;
  cursor: pointer;
  transition: background .2s ease,
        color .2s ease;
}
.btn:hover,
.btn:visited:hover {
  background: #fff;
  color: #000;
}
.btn:active,
.btn:visited:active {
  bottom: -1px;
}
.btn:focus,
.btn:visited:focus {
  outline: none;
}
.btn._video,
.btn:visited._video {
  border-color: #a697ff;
  color: #a697fe;
}
.btn._video:hover,
.btn:visited._video:hover {
  background: #a697ff;
  color: #000;
}
.btn._submit,
.btn:visited._submit {
  padding: 9px 0 8px;
  width: 100%;
  border: 0;
  background: #1371f6;
  color: #fff;
  transition: background .2s ease;
}
.btn._submit:hover,
.btn:visited._submit:hover {
  background: #2b7ff7;
}
.btn._submit:active,
.btn:visited._submit:active {
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.3);
}
.btn._submit._inline,
.btn:visited._submit._inline {
  width: auto;
  padding: 9px 50px 8px;
}
/* Indent between buttons */
.btn + .btn {
  margin-left: 16px;
}
.chat {
  position: relative;
  height: 100%;
}
.chat__title {
  position: absolute;
  left: 0;
  bottom: 100%;
  font: 46px/1 'Proxima Nova Light', Helvetica, Arial, sans-serif;
  right: 0;
  padding: 0 9px 30px;
}
.chat__viewport {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  max-height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 0 9px;
}
.chat__viewport::-webkit-scrollbar {
  width: 0;
}
.chat__viewport-scroller {
  height: 100%;
}
.chat__control {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 30px 9px 0;
}
.chat__control-form {
  position: relative;
  margin-right: 66px;
}
.chat__control-form-wrap {
  position: relative;
  margin: 0 22px 26px 0;
}
.chat__control-form-input {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 6px 10px;
  width: 100%;
  border-radius: 4px;
  font: 16px/30px 'Proxima Nova Semibold', Helvetica, Arial, sans-serif;
  height: 30px;
  border: 1px solid #e6e6e6;
  background: #f2f2f2;
  color: #1a1a1a;
  -webkit-font-smoothing: antialiased;
}
.chat__control-form-input:focus {
  z-index: 1;
  outline: none;
  border-color: #79b1d3;
  box-shadow: 0 0 2px 0 #4080c8;
}
.chat__control-form-input::-webkit-input-placeholder {
  color: #1a1a1a;
}
.chat__control-form-input:-moz-placeholder {
  color: #1a1a1a;
  opacity: 1;
}
.chat__control-form-input::-moz-placeholder {
  color: #1a1a1a;
  opacity: 1;
}
.chat__control-form-input:-ms-input-placeholder {
  color: #1a1a1a;
}
.chat__control-form-submit {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 9px 28px 8px;
  border: 2px solid #fff;
  background: transparent;
  vertical-align: top;
  font: 16px/21px 'Proxima Nova Semibold', Helvetica, Arial, sans-serif;
  cursor: pointer;
  transition: background .2s ease,
        color .2s ease;
  padding: 9px 0 8px;
  border: 0;
  background: #1371f6;
  color: #fff;
  width: 57px;
  height: 44px;
  border-radius: 4px;
  position: absolute;
  top: 0;
  right: -66px;
  transition: background .2s ease;
}
.chat__control-form-submit:hover {
  background: #fff;
  color: #000;
}
.chat__control-form-submit:active {
  bottom: -1px;
}
.chat__control-form-submit:focus {
  outline: none;
}
.chat__control-form-submit._video {
  border-color: #a697ff;
  color: #a697fe;
}
.chat__control-form-submit._video:hover {
  background: #a697ff;
  color: #000;
}
.chat__control-form-submit._submit {
  padding: 9px 0 8px;
  width: 100%;
  border: 0;
  background: #1371f6;
  color: #fff;
  transition: background .2s ease;
}
.chat__control-form-submit._submit:hover {
  background: #2b7ff7;
}
.chat__control-form-submit._submit:active {
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.3);
}
.chat__control-form-submit._submit._inline {
  width: auto;
  padding: 9px 50px 8px;
}
.chat__control-form-submit:hover {
  background: #2b7ff7;
}
.chat__control-form-submit:active {
  box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.35);
}
.chat__control-form-submit:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 27px;
  height: 27px;
  background: url(svg/i_chat-send.svg) top left no-repeat;
  margin: -13px 0 0 -14px;
}
.chat__control-example {
  display: inline;
  font: 16px 'Proxima Nova', Helvetica, Arial, sans-serif;
  color: #808080;
}
.chat__control-example-link {
  display: inline;
  color: #1371f6;
  cursor: pointer;
}
.chat__message {
  position: relative;
  clear: both;
  background: #020202;
  border: 2px solid #333;
  border-radius: 16px;
  font: 17px/22px 'Proxima Nova', Helvetica, Arial, sans-serif;
  color: #fff;
  padding: 13px 18px 11px;
  margin: 0 0 19px;
  max-width: 300px;
  min-height: 16px;
  float: left;
}
.chat__message:before {
  position: absolute;
  bottom: -2px;
  left: -9px;
  content: '';
  width: 14px;
  height: 18px;
  background: url(svg/i_chat-bot.svg) top left no-repeat;
}
.chat__message._user {
  background: #1371f6;
  border-color: #1371f6;
  float: right;
}
.chat__message._user:before {
  left: auto;
  right: -9px;
  background: url(svg/i_chat-user.svg) top left no-repeat;
}
.chat__message._loading {
  min-width: 42px;
}
.chat__message-text {
  overflow: hidden;
  word-wrap: break-word;
}
@-webkit-keyframes preloader {
  to {
    background: #1a1a1a;
  }
}
@keyframes preloader {
  to {
    background: #1a1a1a;
  }
}
.chat__message-preloader {
  position: relative;
  display: none;
  margin: 3px auto;
  width: 8px;
  height: 8px;
  background: #333;
  border-radius: 4px;
  -webkit-animation: preloader .6s linear .15s infinite;
  animation: preloader .6s linear .15s infinite;
}
.chat__message-preloader:before,
.chat__message-preloader:after {
  position: absolute;
  top: 0;
  content: '';
  width: 8px;
  height: 8px;
  background: #333;
  border-radius: 4px;
}
.chat__message-preloader:before {
  left: -14px;
  -webkit-animation: preloader .6s linear 0s infinite;
  animation: preloader .6s linear 0s infinite;
}
.chat__message-preloader:after {
  right: -14px;
  -webkit-animation: preloader .6s linear .3s infinite;
  animation: preloader .6s linear .3s infinite;
}
.chat__message._loading .chat__message-preloader {
  display: block;
}
.company:after {
  display: table;
  clear: both;
  content: '';
}
.company__form {
  float: right;
  width: 50%;
}
.company__form-in {
  margin: 0 0 0 60px;
  padding: 27px 0 0;
}
.company__about {
  width: 700px;
  margin: 0 auto 110px;
  font: 28px/38px 'Proxima Nova', Helvetica, Arial, sans-serif;
  text-align: center;
}
.company__main {
  margin-right: 50%;
}
.company__main-in {
  margin: 0 60px 0 0;
  font: 17px/25px 'Proxima Nova', Helvetica, Arial, sans-serif;
}
.company__main-in-title {
  font: 40px 'Proxima Nova Light', Helvetica, Arial, sans-serif;
  margin: 0 0 32px -2px;
}
.company__main-in > p {
  margin: 0 0 25px;
}
.company__main-in ul {
  margin: 0 0 25px;
}
.company__main-in ul li {
  margin: 0 0 0px 24px;
  position: relative;
}
.company__main-in ul li:after {
  display: block;
  width: 12px;
  height: 2px;
  content: '';
  position: absolute;
  left: -24px;
  top: 10px;
  background: #1371f6;
}
.cubic {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform .4s ease;
}
/* All videos cover the screen */
.cubic__loading,
.cubic__loading-spinner,
.cubic__loading-transition1,
.cubic__loading-transition2,
.cubic__hear,
.cubic__hear-video,
.cubic__speak,
.cubic__speak-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cubic__loading-spinner,
.cubic__loading-transition1,
.cubic__loading-transition2,
.cubic__hear-video,
.cubic__speak-video {
  -webkit-background-size: cover;
  background-size: cover;
}
/* Intro videos (spinner) */
.cubic__loading {
  z-index: 2;
}
.cubic__loading-spinner {
  z-index: 2;
}
.cubic__loading-transition1 {
  z-index: 1;
}
.cubic__loading-transition2 {
  z-index: 0;
}
/* Cubic hears */
.cubic__hear {
  z-index: 1;
  opacity: 0;
}
.cubic._ready .cubic__hear {
  transition: opacity .4s ease;
}
.cubic._hearing .cubic__hear {
  opacity: 1;
}
/* Cubic speaks */
.cubic__speak {
  z-index: 0;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  .cubic__preview-video {
    display: none;
  }
}
@media screen and (max-device-width: 650px) {
  .cubic__preview-video {
    z-index: 2;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
  }
}
.discroller__next {
  position: absolute;
  bottom: 29px;
  left: 50%;
  margin: 0 0 0 -19px;
  width: 34px;
  height: 34px;
  border: 2px solid #fff;
  border-radius: 19px;
  cursor: pointer;
  z-index: 5;
}
.discroller__next._blue {
  border-color: #2078f4;
}
.discroller__next:before {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 16px;
  height: 8px;
  background: url(svg/i_down.svg) top left no-repeat;
  content: '';
}
.discroller__next._blue:before {
  background: url(svg/i_down-blue.svg) top left no-repeat;
}
.features {
  padding: 78px 0 0;
  text-align: left;
}
.features._products._alt {
  padding: 10px 0 0 50px;
}
.features__item {
  position: relative;
  min-height: 32px;
  margin: 0 0 18px;
  padding: 0 0 0 64px;
  font: 20px/28px 'Proxima Nova', Helvetica, Arial, sans-serif;
}
.features__item:before {
  position: absolute;
  top: -4px;
  left: 0;
  width: 32px;
  height: 32px;
  content: '';
}
.features__item._assistant:before {
  background: url(svg/i_features-assistant.svg) top left no-repeat;
}
.features__item._news:before {
  background: url(svg/i_features-news.svg) top left no-repeat;
}
.features__item._forecast:before {
  background: url(svg/i_features-forecast.svg) top left no-repeat;
  left: 6px;
  width: 22px;
}
.features__item._search:before {
  background: url(svg/i_features-search.svg) top left no-repeat;
  width: 33px;
}
.features__item._encyclopedia:before {
  background: url(svg/i_features-encyclopedia.svg) top left no-repeat;
}
.features__item._places:before {
  background: url(svg/i_features-places.svg) top left no-repeat;
  left: 4px;
  width: 24px;
}
.features__item._messages:before {
  background: url(svg/i_features-messages.svg) top left no-repeat;
  top: 1px;
  height: 22px;
}
.features__item._tasks:before {
  background: url(svg/i_features-tasks.svg) top left no-repeat;
  left: 3px;
  width: 27px;
}
.features__item._more {
  font-size: 18px;
  margin-top: 40px;
}
.features__item._more:before {
  display: none;
}
/* Products block */
.features._products .features__item {
  padding: 0 0 0 83px;
  margin: 0 0 36px;
  font: 18px/22px 'Proxima Nova', Helvetica, Arial, sans-serif;
  min-height: 44px;
}
.features._products .features__item._auto:before {
  top: 2px;
  left: 1px;
  width: 59px;
  height: 40px;
  background: url(svg/i_auto.svg) top left no-repeat;
}
.features._products .features__item._watch:before {
  top: -1px;
  left: 16px;
  width: 30px;
  height: 48px;
  background: url(svg/i_watch.svg) top left no-repeat;
}
.features._products .features__item._rbot:before {
  top: -3px;
  left: 8px;
  width: 46px;
  height: 46px;
  background: url(svg/i_rbot.svg) top left no-repeat;
}
/* Products block with blue icons */
.features._products._alt .features__item._auto:before {
  background: url(svg/i_auto-alt.svg) top left no-repeat;
}
.features._products._alt .features__item._watch:before {
  background: url(svg/i_watch-alt.svg) top left no-repeat;
}
.features._products._alt .features__item._rbot:before {
  background: url(svg/i_rbot-alt.svg) top left no-repeat;
}
.footer {
  background: #1a1a1a;
  padding: 67px 0;
}
.footer__wrap {
  position: relative;
  max-width: 1100px;
  margin: auto;
  padding: 0 90px;
}
.footer__aside {
  float: right;
  text-align: right;
}
.footer__logo {
  display: inline-block;
  position: relative;
  margin: 0 0 24px -34px;
}
.footer__logo-link {
  display: inline-block;
  vertical-align: top;
  padding: 0 0 0 35px;
  text-decoration: none;
  color: #fff;
  font: bold 24px/28px 'Proxima Nova', Helvetica, Arial, sans-serif;
}
.footer__logo-link:before {
  position: absolute;
  top: -2px;
  left: 0;
  background: url(svg/i_logo-s.svg) top left no-repeat;
  width: 27px;
  height: 30px;
  opacity: 1;
  transition: all .3s ease;
  content: '';
}
.footer__contentinfo {
  color: #808080;
  font: 16px 'Proxima Nova', Helvetica, Arial, sans-serif;
  padding: 13px 0 0;
}
.footer_madeby {
  display: block;
  font: 14px/18px 'Proxima Nova', Helvetica, Arial, sans-serif;
  color: #808080;
  margin: 18px 0 0;
}
.footer__bro {
  display: inline-block;
  background: url(svg/i_bro.svg) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-left: 2px;
  width: 60px;
  height: 18px;
}
.form {
  counter-reset: fieldset;
}
.form__fieldset {
  position: relative;
  padding: 0 0 50px 50%;
  counter-increment: fieldset;
}
.form__fieldset:before {
  content: '';
  position: absolute;
  top: 47px;
  bottom: 6px;
  left: -24px;
  width: 2px;
  background: #1371f6;
}
.form__fieldset:after {
  display: table;
  clear: both;
  content: '';
}
.form__fieldset._final:before {
  display: none;
}
.form__fieldset-legend {
  position: relative;
  left: -100%;
  width: 100%;
  float: left;
  margin-right: -100%;
  white-space: normal;
}
.form__fieldset-legend:before {
  position: absolute;
  left: -39px;
  top: 5px;
  content: counter(fieldset);
  width: 28px;
  height: 28px;
  text-align: center;
  font: bold 16px/28px 'Proxima Nova', Helvetica, Arial, sans-serif;
  color: #1371f6;
  border: 2px solid #1371f6;
  border-radius: 16px;
}
.form__fieldset._final .form__fieldset-legend:before {
  content: '';
}
.form__fieldset._final .form__fieldset-legend:after {
  position: absolute;
  left: -30px;
  top: 16px;
  content: '';
  width: 14px;
  height: 14px;
  background: url(svg/i_flag.svg) top left no-repeat;
}
.form__fieldset-legend-self {
  padding: 3px 80px 0 40px;
  font: 38px/40px 'Proxima Nova Light', Helvetica, Arial, sans-serif;
  margin: 0 0 17px -3px;
}
.form__fieldset-legend-desc {
  padding: 0 120px 0 40px;
  font: 15px/18px 'Proxima Nova', Helvetica, Arial, sans-serif;
}
.form__fieldset-legend-desc > p {
  margin: 0 0 18px;
}
.gallery {
  position: relative;
  width: 100%;
  height: 100%;
  background: #333;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-font-smoothing: antialiased;
}
.gallery__viewport {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
}
.gallery__viewport-layer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-property: left, -webkit-transform;
  transition-property: left, transform;
  transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
  transition-duration: .24s;
  z-index: 0;
}
._noeffects .gallery__viewport-layer {
  transition-duration: 0s;
}
.gallery__viewport-layer-slide {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  text-align: center;
  white-space: nowrap;
  /* Спрятанное изображение */
  /* Алгоритм размещения фотографии по умолчанию */
}
.gallery__viewport-layer-slide._hidden {
  display: none;
}
.gallery__viewport-layer-slide._auto .gallery__viewportLayerSlideImg {
  -webkit-background-size: contain;
  background-size: contain;
}
@media (max-width: 400px) {
  .gallery__viewport-layer-slide._auto .gallery__viewportLayerSlideImg {
    -webkit-background-size: cover;
    background-size: cover;
  }
}
.gallery__thumbs {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 44px;
  padding: 2px 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  width: 42px;
}
.gallery__thumbs:before {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
  content: '';
}
.gallery__thumbs-in {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-property: left, -webkit-transform;
  transition-property: left, transform;
  transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
  transition-duration: .24s;
  white-space: normal;
}
._noeffects .gallery__thumbs-in {
  transition-duration: 0s;
}
.gallery__thumbs-in-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
  cursor: pointer;
  width: 42px;
  height: 64px;
}
.gallery__thumbs-in-item:before {
  position: absolute;
  top: 15px;
  left: 6px;
  content: '';
  opacity: .4;
  transition: opacity .25s ease;
}
.gallery__thumbs-in-item:hover:before,
.gallery__thumbs-in-item._current:before {
  opacity: 1;
}
.gallery__thumbs-in-item:after {
  position: absolute;
  top: 9px;
  left: 0;
  width: 42px;
  height: 45px;
  background: url(svg/i_frame.svg) top left no-repeat;
  content: '';
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  opacity: 0;
  -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity .25s ease,
                        transform .25s ease;
}
.gallery__thumbs-in-item._current:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.gallery__thumbs-in-item._0:before {
  background: url(svg/i_idea.svg) top left no-repeat;
  width: 31px;
  height: 32px;
}
.gallery__thumbs-in-item._1:before {
  background: url(svg/i_help.svg) top left no-repeat;
  width: 32px;
  height: 32px;
  top: 16px;
  left: 5px;
}
.gallery__thumbs-in-item._2:before {
  background: url(svg/i_fun.svg) top left no-repeat;
  width: 30px;
  height: 33px;
}
.gallery__thumbs-in-item._3:before {
  background: url(svg/i_education.svg) top left no-repeat;
  width: 31px;
  height: 38px;
  top: 14px;
}
.gallery__thumbs-in-item._4:before {
  background: url(svg/i_grow.svg) top left no-repeat;
  width: 26px;
  height: 32px;
  top: 18px;
  left: 8px;
}
.gallery__bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 6px;
  background: #1573fb;
  transition: width .24s ease;
  z-index: 1;
}
.gallery._dragging .gallery__viewport {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}
.gallery__slide {
  position: relative;
  width: 100%;
  height: 100%;
  white-space: normal;
  text-align: left;
  -webkit-transform: translate3d(0, 0, 0);
}
.gallery__slide._idea {
  background: url(images/section-idea.jpg) center center;
  background-size: cover;
}
.gallery__slide._help {
  background: url(images/section-help.jpg) center center;
  background-size: cover;
}
.gallery__slide._fun {
  background: url(images/section-fun.jpg) center center;
  background-size: cover;
}
.gallery__slide._education {
  background: url(images/section-education.jpg) center center;
  background-size: cover;
}
.gallery__slide._grow {
  background: url(images/section-grow.jpg) center center;
  background-size: cover;
}
.gallery__slide-desc {
  position: absolute;
  /*top: 50%;*/
  bottom: 15%;
  right: 90px;
  left: 50%;
  max-width: 550px;
}
.gallery__slide-desc-title {
  font: 80px/1 'Proxima Nova Thin', Helvetica, Arial, sans-serif;
  margin: 0 0 25px -5px;
}
.header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  padding: 49px 60px 49px 45px;
  height: 36px;
  text-align: right;
  background: transparent;
  white-space: nowrap;
  min-width: 919px;
  -webkit-transition: -webkit-transform 0.6s ease, background 0.3s ease, padding 0.3s ease;
  transition: transform .6s ease,
        background .3s ease,
        padding .3s ease;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.header._sticked {
  background: #1a1a1a;
  padding: 12px 60px 12px 45px;
}
.header._hidden {
  -webkit-transform: translate3d(0, -134px, 0);
  transform: translate3d(0, -134px, 0);
}
.header._lighten {
  color: #1a1a1a;
}
.header._lighten._sticked {
  background: #fff;
  border-bottom: 1px solid #ddd;
}
.header._no-transition {
  position: absolute;
}
.header__logo {
  position: relative;
  top: -4px;
  float: left;
  transition: all .3s ease;
}
.header._sticked .header__logo {
  top: 4px;
  -webkit-transform: scale(0.8) translate3d(11px, 0, 0);
  transform: scale(0.8) translate3d(11px, 0, 0);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.header__logo-link {
  display: inline-block;
  vertical-align: top;
  padding: 0 0 0 45px;
  text-decoration: none;
  color: #fff;
  font: bold 32px/36px 'Proxima Nova', Helvetica, Arial, sans-serif;
}
.header__logo-link:before {
  position: absolute;
  top: -3px;
  left: 0;
  background: url(svg/i_logo.svg) top left no-repeat;
  width: 34px;
  height: 37px;
  opacity: 1;
  transition: all .3s ease;
  content: '';
}
.header._lighten .header__logo-link {
  color: #1a1a1a;
}
.header._lighten .header__logo-link:before {
  background: url(svg/i_logo-dark.svg) top left no-repeat;
}
.header__lang {
  position: relative;
  top: -3px;
  margin: 0 0 0 62px;
  float: left;
  transition: top .3s ease;
}
.header._sticked .header__lang {
  top: 0;
}
.header__lang-item {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 30px;
  border: 2px solid transparent;
  margin: 0 4px 0 0;
  padding: 2px 0 0;
  font: 13px/30px 'Proxima Nova Semibold', Helvetica, Arial, sans-serif;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  border-radius: 50%;
}
.header._lighten .header__lang-item {
  color: #1a1a1a;
}
.header__lang-item._current,
.header._lighten .header__lang-item._current {
  border-color: #1371f6;
  color: #1371f6;
}
.header__buy {
  position: relative;
  display: inline-block;
  color: #fff;
  font: 16px/36px 'Proxima Nova Semibold', Helvetica, Arial, sans-serif;
  padding: 0 24px;
  background: #1371f6;
  border-radius: 4px;
  margin: 0 0 0 20px;
  text-decoration: none;
  box-shadow: none;
  transition: background .3s ease;
}
.header__buy:hover {
  background: #2b7ff7;
}
.header__buy:active {
  box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.35);
}
.hexagon {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.hexagon._v {
  max-width: 120px;
  text-align: center;
}
.hexagon._sm {
  margin: 0 28px 0 0;
}
.hexagon._lm {
  margin: 0 45px 0 0;
}
.hexagon__icon {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 62px;
  height: 68px;
  background: url(svg/i_hexagon-border-blue.svg) top left no-repeat;
  vertical-align: top;
}
.hexagon__icon:before {
  position: absolute;
  z-index: 1;
  content: '';
}
.hexagon__icon:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: url(svg/i_hexagon-border-hover.svg) top left no-repeat;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity .2s ease,
                transform .2s ease;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}
.hexagon__icon:hover:after,
.hexagon:hover .hexagon__icon:after,
.hexagon._current .hexagon__icon:after {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity .3s ease,
                transform .3s ease;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.hexagon._dark .hexagon__icon {
  background: url(svg/i_hexagon-border-white.svg) center center no-repeat;
}
.hexagon._dark .hexagon__icon:hover,
.hexagon._dark:hover .hexagon__icon,
.hexagon._dark._current .hexagon__icon {
  background-image: none;
}
.hexagon__text {
  font: 12pt/14pt 'Proxima Nova', Helvetica, Arial, sans-serif;
}
.hexagon__text:hover,
.hexagon:hover .hexagon__text,
.hexagon._current .hexagon__text {
  color: #1371f6;
}
.hexagon._v .hexagon__text {
  text-align: center;
  padding: 17px 0 0;
}
.hexagon._h .hexagon__text {
  display: inline-block;
  vertical-align: middle;
  font: 16px/68px 'Proxima Nova Semibold', Helvetica, Arial, sans-serif;
  padding: 0 0 0 11px;
}
/* Icons for dark background */
.hexagon._dark._play .hexagon__icon:before {
  top: 21px;
  left: 23px;
  width: 23px;
  height: 29px;
  background: url(svg/i_hexagon-icon-play.svg) top left no-repeat;
}
.hexagon._dark._chat .hexagon__icon:before {
  top: 22px;
  left: 16px;
  width: 30px;
  height: 29px;
  background: url(svg/i_hexagon-icon-chat.svg) top left no-repeat;
}
.hexagon._dark._lights .hexagon__icon:before {
  top: 16px;
  left: 18px;
  width: 26px;
  height: 37px;
  background: url(svg/i_hexagon-icon-lights.svg) top left no-repeat;
}
.hexagon._dark._fans .hexagon__icon:before {
  top: 15px;
  left: 12px;
  width: 39px;
  height: 37px;
  background: url(svg/i_hexagon-icon-fans.svg) top left no-repeat;
}
/* Icons for white background */
.hexagon._news .hexagon__icon:before {
  top: 20px;
  left: 11px;
  width: 41px;
  height: 29px;
  background: url(svg/i_hexagon-icon-news-blue.svg) top left no-repeat;
}
.hexagon._news .hexagon__icon:hover:before,
.hexagon._news:hover .hexagon__icon:before,
.hexagon._news._current .hexagon__icon:before {
  background: url(svg/i_hexagon-icon-news.svg) top left no-repeat;
}
.hexagon._play .hexagon__icon:before {
  top: 21px;
  left: 23px;
  width: 23px;
  height: 29px;
  background: url(svg/i_hexagon-icon-play-blue.svg) top left no-repeat;
}
.hexagon._play .hexagon__icon:hover:before,
.hexagon._play:hover .hexagon__icon:before,
.hexagon._play._current .hexagon__icon:before {
  background: url(svg/i_hexagon-icon-play.svg) top left no-repeat;
}
.hexagon._weather .hexagon__icon:before {
  top: 14px;
  left: 10px;
  width: 41px;
  height: 37px;
  background: url(svg/i_hexagon-icon-weather-blue.svg) top left no-repeat;
}
.hexagon._weather .hexagon__icon:hover:before,
.hexagon._weather:hover .hexagon__icon:before,
.hexagon._weather._current .hexagon__icon:before {
  background: url(svg/i_hexagon-icon-weather.svg) top left no-repeat;
}
.hexagon._recipe .hexagon__icon:before {
  top: 16px;
  left: 16px;
  width: 31px;
  height: 35px;
  background: url(svg/i_hexagon-icon-recipe-blue.svg) top left no-repeat;
}
.hexagon._recipe .hexagon__icon:hover:before,
.hexagon._recipe:hover .hexagon__icon:before,
.hexagon._recipe._current .hexagon__icon:before {
  background: url(svg/i_hexagon-icon-recipe.svg) top left no-repeat;
}
.hexagon._games .hexagon__icon:before {
  top: 19px;
  left: 10px;
  width: 43px;
  height: 32px;
  background: url(svg/i_hexagon-icon-games-blue.svg) top left no-repeat;
}
.hexagon._games .hexagon__icon:hover:before,
.hexagon._games:hover .hexagon__icon:before,
.hexagon._games._current .hexagon__icon:before {
  background: url(svg/i_hexagon-icon-games.svg) top left no-repeat;
}
.hexagon._sleep .hexagon__icon:before {
  top: 18px;
  left: 14px;
  width: 35px;
  height: 35px;
  background: url(svg/i_hexagon-icon-sleep-blue.svg) top left no-repeat;
}
.hexagon._sleep .hexagon__icon:hover:before,
.hexagon._sleep:hover .hexagon__icon:before,
.hexagon._sleep._current .hexagon__icon:before {
  background: url(svg/i_hexagon-icon-sleep.svg) top left no-repeat;
}
.hexagon._listen .hexagon__icon:before {
  top: 20px;
  left: 11px;
  width: 39px;
  height: 28px;
  background: url(svg/i_hexagon-icon-listen-blue.svg) top left no-repeat;
}
.hexagon._listen .hexagon__icon:hover:before,
.hexagon._listen:hover .hexagon__icon:before,
.hexagon._listen._current .hexagon__icon:before {
  background: url(svg/i_hexagon-icon-listen.svg) top left no-repeat;
}
.hexagon._talk .hexagon__icon:before {
  top: 14px;
  left: 11px;
  width: 39px;
  height: 39px;
  background: url(svg/i_hexagon-icon-talk-blue.svg) top left no-repeat;
}
.hexagon._talk .hexagon__icon:hover:before,
.hexagon._talk:hover .hexagon__icon:before,
.hexagon._talk._current .hexagon__icon:before {
  background: url(svg/i_hexagon-icon-talk.svg) top left no-repeat;
}
/* --- */
.hexagon._sleep {
  margin-right: 43px;
}
/* Input */
.input__wrap {
  position: relative;
  margin: 0 22px 26px 0;
}
.input {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 6px 10px;
  width: 100%;
  border-radius: 4px;
  font: 16px/30px 'Proxima Nova Semibold', Helvetica, Arial, sans-serif;
  height: 30px;
  border: 1px solid #e6e6e6;
  background: #f2f2f2;
  color: #1a1a1a;
  -webkit-font-smoothing: antialiased;
}
.input:focus {
  z-index: 1;
  outline: none;
  border-color: #79b1d3;
  box-shadow: 0 0 2px 0 #4080c8;
}
.input::-webkit-input-placeholder {
  color: #1a1a1a;
}
.input:-moz-placeholder {
  color: #1a1a1a;
  opacity: 1;
}
.input::-moz-placeholder {
  color: #1a1a1a;
  opacity: 1;
}
.input:-ms-input-placeholder {
  color: #1a1a1a;
}
/* Types */
.input._textarea {
  max-width: 100%;
  min-width: 100%;
  height: 80px;
  resize: none;
}
/* Views */
.input._simple {
  font: 16px/26px 'Proxima Nova Semibold', Helvetica, Arial, sans-serif;
  height: 26px;
  background: #fff;
}
.input._simple._textarea,
textarea.input._simple {
  height: 118px;
}
.label {
  display: block;
  margin: -11px 0 10px;
  font: 16px/26px 'Proxima Nova', Helvetica, Arial, sans-serif;
}
.nav {
  display: inline-block;
  vertical-align: top;
}
.nav._footer {
  display: block;
}
.nav__link {
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  font: 13px/34px 'Proxima Nova Semibold', Helvetica, Arial, sans-serif;
  margin: 0 20px;
  padding: 2px 0 0;
  text-decoration: none;
  transition: color .2s ease;
}
.nav__link:hover,
.nav__link._current {
  color: #1371f6;
}
.nav._footer .nav__link {
  text-transform: none;
  margin: 0 30px 0 0;
  font: 16px/34px 'Proxima Nova Semibold', Helvetica, Arial, sans-serif;
}
.nav._lighten .nav__link {
  color: #1a1a1a;
}
.nav._lighten .nav__link:hover,
.nav._lighten .nav__link._current {
  color: #1371f6;
}
.order {
  color: #1a1a1a;
}
.order__title {
  margin: 0 0 33px;
  font: 30px/36px 'Proxima Nova', Helvetica, Arial, sans-serif;
}
.order__data {
  width: 70%;
  font: 16px/26px 'Proxima Nova', Helvetica, Arial, sans-serif;
}
.order__data-item {
  position: relative;
  padding: 0 0 0 48px;
  /* Name */
  /* Address */
}
.order__data-item._name:before {
  position: absolute;
  top: 7px;
  left: 2px;
  width: 27px;
  height: 28px;
  background: url(svg/i_order-user.svg) top left no-repeat;
  content: '';
}
.order__data-item._address {
  margin: 14px 0 0;
}
.order__data-item._address:before {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 23px;
  height: 31px;
  background: url(svg/i_order-pin.svg) top left no-repeat;
  content: '';
}
.overview {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.overview__slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*opacity: 0;*/
  visibility: hidden;
  background: #006eff;
}
.overview__slide._0 {
  /*opacity: 1;*/
  visibility: visible;
}
._active .overview__slide._start {
  -webkit-animation: overview__slide 2s ease .4s;
  animation: overview__slide 2s ease .4s;
}
._active .overview__slide._0 {
  -webkit-animation: overview__slide 2s ease .4s;
  animation: overview__slide 2s ease .4s;
}
._active .overview__slide._1 {
  -webkit-animation: overview__slide 2s ease .6s;
  animation: overview__slide 2s ease .6s;
}
._active .overview__slide._2 {
  -webkit-animation: overview__slide 2s ease .8s;
  animation: overview__slide 2s ease .8s;
}
._active .overview__slide._3 {
  -webkit-animation: overview__slide 2s ease 1s;
  animation: overview__slide 2s ease 1s;
}
._active .overview__slide._4 {
  -webkit-animation: overview__slide 2s ease 1.2s;
  animation: overview__slide 2s ease 1.2s;
}
._active .overview__slide._5 {
  -webkit-animation: overview__slide 2s ease 1.4s;
  animation: overview__slide 2s ease 1.4s;
}
._active .overview__slide._6 {
  -webkit-animation: overview__slide 2s ease 1.6s;
  animation: overview__slide 2s ease 1.6s;
}
._active .overview__slide._7 {
  -webkit-animation: overview__slide 2s ease 1.8s;
  animation: overview__slide 2s ease 1.8s;
}
._active .overview__slide._8 {
  -webkit-animation: overview__slide 2s ease 2s;
  animation: overview__slide 2s ease 2s;
}
._active .overview__slide._9,
._active .overview__slide._10 {
  /*opacity: 1;*/
  visibility: visible;
  transition: visibility 0s ease 2.2s;
  -webkit-animation: overview__slide--final 2s ease 2.2s;
  animation: overview__slide--final 2s ease 2.2s;
}
.overview__slide-pic {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
}
.overview__slide._0 .overview__slide-pic {
  width: 386px;
  height: 391px;
  margin: -195px 0 0 -197px;
  background: url(images/overview-9.jpg) center center no-repeat;
  background-size: 100%;
}
.overview__slide._1 .overview__slide-pic {
  width: 483px;
  height: 388px;
  margin: -195px 0 0 -243px;
  background: url(images/overview-0.jpg) center center no-repeat;
  background-size: 100%;
}
.overview__slide._2 .overview__slide-pic {
  width: 444px;
  height: 386px;
  margin: -195px 0 0 -221px;
  background: url(images/overview-1.jpg) center center no-repeat;
  background-size: 100%;
}
.overview__slide._3 .overview__slide-pic {
  width: 404px;
  height: 391px;
  margin: -195px 0 0 -201px;
  background: url(images/overview-2.jpg) center center no-repeat;
  background-size: 100%;
}
.overview__slide._4 .overview__slide-pic {
  width: 474px;
  height: 394px;
  margin: -195px 0 0 -247px;
  background: url(images/overview-3.jpg) center center no-repeat;
  background-size: 100%;
}
.overview__slide._5 .overview__slide-pic {
  width: 480px;
  height: 391px;
  margin: -195px 0 0 -249px;
  background: url(images/overview-4.jpg) center center no-repeat;
  background-size: 100%;
}
.overview__slide._6 .overview__slide-pic {
  width: 387px;
  height: 393px;
  margin: -195px 0 0 -194px;
  background: url(images/overview-5.jpg) center center no-repeat;
  background-size: 100%;
}
.overview__slide._7 .overview__slide-pic {
  width: 488px;
  height: 393px;
  margin: -196px 0 0 -252px;
  background: url(images/overview-6.jpg) center center no-repeat;
  background-size: 100%;
}
.overview__slide._8 .overview__slide-pic {
  width: 399px;
  height: 394px;
  margin: -195px 0 0 -199px;
  background: url(images/overview-7.jpg) center center no-repeat;
  background-size: 100%;
}
.overview__slide._9 .overview__slide-pic {
  width: 465px;
  height: 392px;
  margin: -196px 0 0 -241px;
  background: url(images/overview-8.jpg) center center no-repeat;
  background-size: 100%;
}
.overview__slide._10 .overview__slide-pic,
.overview__slide._11 .overview__slide-pic {
  width: 386px;
  height: 391px;
  margin: -195px 0 0 -197px;
  background: url(images/overview-9.jpg) center center no-repeat;
  background-size: 100%;
}
.overview__slide._11 .overview__slide-pic:before,
.overview__slide._11 .overview__slide-pic:after {
  position: absolute;
  top: 100px;
  width: 320px;
  height: 452px;
  content: '';
  opacity: 0;
  -webkit-transition: -webkit-transform 0.2s ease 0, opacity 0.2s ease 0;
  transition: transform .2s ease 0,
                    opacity .2s ease 0;
}
.overview__slide._11 .overview__slide-pic:before {
  background: url(images/overview-left.png) top left no-repeat;
  background-size: 100%;
  right: 237px;
  -webkit-transform: translate3d(-70px, 150px, 0);
  transform: translate3d(-70px, 150px, 0);
}
.overview__slide._11 .overview__slide-pic:after {
  background: url(images/overview-right.png) top left no-repeat;
  background-size: 100%;
  left: 237px;
  -webkit-transform: translate3d(70px, 150px, 0);
  transform: translate3d(70px, 150px, 0);
}
._active .overview__slide._11 .overview__slide-pic:before,
._active .overview__slide._11 .overview__slide-pic:after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.4s ease 2.8s, opacity 0.4s ease 2.8s;
  transition: transform .4s ease 2.8s,
                    opacity .4s ease 2.8s;
  visibility: visible;
}
.overview__slide-message {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 22px 28px;
  border: 2px solid #fff;
  border-radius: 16px;
  width: 156px;
  font: 17px/22px 'Proxima Nova', Helvetica, Arial, sans-serif;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  /*opacity: 0;*/
  visibility: hidden;
  /*-webkit-transition:
                -webkit-transform .3s ease,
                opacity .3s ease;
            transition:
                transform .3s ease,
                opacity .3s ease;*/
}
.overview__slide._active .overview__slide-message,
.overview__slide._completed .overview__slide-message {
  -webkit-transform: scale(1);
  transform: scale(1);
  /*opacity: 1;*/
  visibility: visible;
}
.overview__slide._0 .overview__slide-message {
  width: 600px;
  margin: -260px 0 0 -300px;
  border: 0;
  padding: 0;
  text-align: center;
}
.overview__slide._1 .overview__slide-message {
  margin: -208px 0 0 -397px;
  border-radius: 16px 16px 0 16px;
  font: 30px/36px 'Proxima Nova', Helvetica, Arial, sans-serif;
}
.overview__slide._2 .overview__slide-message {
  width: 130px;
  margin: -186px 0 0 200px;
  border-radius: 16px 16px 16px 0;
}
.overview__slide._3 .overview__slide-message {
  width: 170px;
  margin: -183px 0 0 -460px;
  border-radius: 16px 16px 0 16px;
}
.overview__slide._4 .overview__slide-message {
  width: 180px;
  margin: -209px 0 0 210px;
  border-radius: 16px 16px 16px 0;
}
.overview__slide._5 .overview__slide-message {
  width: 130px;
  margin: -186px 0 0 210px;
  border-radius: 16px 16px 16px 0;
}
.overview__slide._6 .overview__slide-message {
  width: 170px;
  margin: -183px 0 0 -460px;
  border-radius: 16px 16px 0 16px;
}
.overview__slide._7 .overview__slide-message {
  width: 180px;
  margin: -209px 0 0 210px;
  border-radius: 16px 16px 16px 0;
}
.overview__slide._8 .overview__slide-message {
  width: 130px;
  margin: -186px 0 0 200px;
  border-radius: 16px 16px 16px 0;
}
.overview__slide._9 .overview__slide-message {
  width: 170px;
  margin: -183px 0 0 -460px;
  border-radius: 16px 16px 0 16px;
}
.overview__slide._10 .overview__slide-message,
.overview__slide._11 .overview__slide-message {
  width: 600px;
  margin: -260px 0 0 -300px;
  border: 0;
  padding: 0;
  text-align: center;
}
._active .overview__slide._11 .overview__slide-message {
  visibility: visible;
  transition: visibility 0s ease 2.2s;
  -webkit-animation: overview__slide--final 2s ease 2.2s;
  animation: overview__slide--final 2s ease 2.2s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.overview__buy {
  position: absolute;
  bottom: 40px;
  left: 50%;
  width: 156px;
  font: 20px/46px 'Proxima Nova Semibold', Helvetica, Arial, sans-serif;
  color: #fff;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 6px;
  margin: 0 0 0 -80px;
  cursor: pointer;
  z-index: 1;
  text-decoration: none;
  visibility: hidden;
  opacity: 0;
  transition: visibility .2s ease 3s,
            opacity .2s ease 3s;
}
._active .overview__buy {
  visibility: visible;
  opacity: 1;
}
.overview__buy:hover {
  background: #fff;
  color: #006eff;
}
@-webkit-keyframes overview__slide {
  0% {
    /*opacity: 0;*/
    visibility: hidden;
  }
  10% {
    /*opacity: 1;*/
    visibility: visible;
  }
  10% {
    /*opacity: 1;*/
    visibility: visible;
  }
  60% {
    /*opacity: 0;*/
    visibility: hidden;
  }
}
@-webkit-keyframes overview__slide--final {
  0% {
    /*opacity: 0;*/
    visibility: hidden;
  }
  10% {
    /*opacity: 1;*/
    visibility: visible;
  }
}
@media screen and (max-width: 650px) {
  .overview__slide._10 {
    visibility: visible;
    opacity: 1;
  }
  .overview__slide._11 {
    visibility: visible;
    opacity: 1;
  }
  .overview__slide._11 :before,
  .overview__slide._11 :after {
    opacity: 1;
    visibility: visible;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
  }
  .overview__slide._11 .overview__slide-pic:before,
  .overview__slide._11 .overview__slide-pic:after {
    opacity: 1;
    visibility: visible;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
  }
  .overview__buy {
    opacity: 1;
    visibility: visible;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
  }
  .overview__slide-message {
    opacity: 1;
    visibility: visible;
  }
}
.payment {
  padding: 43px 0;
  text-align: center;
}
.payment__method {
  display: inline-block;
  vertical-align: middle;
  text-indent: -999px;
  overflow: hidden;
  margin: 0 11px;
}
.payment__method._visa {
  background: url(svg/i_visa.svg) top left no-repeat;
  width: 48px;
  height: 16px;
}
.payment__method._mastercard {
  background: url(svg/i_mastercard.svg) top left no-repeat;
  width: 31px;
  height: 19px;
}
.payment__method._yandex {
  background: url(svg/i_yandex.svg) top left no-repeat;
  width: 20px;
  height: 22px;
}
.payment__method._alfaclick {
  background: url(svg/i_alfaclick.svg) top left no-repeat;
  width: 17px;
  height: 25px;
}
.payment__method._webmoney {
  background: url(svg/i_webmoney.svg) top left no-repeat;
  width: 22px;
  height: 22px;
}
.pet {
  position: relative;
  float: left;
  width: 50%;
  top: 0;
  height: 100%;
}
.pet:before {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -40px;
  width: 360px;
  height: 250px;
  background: url(images/section-pet-hand.jpg) top left no-repeat;
  background-size: 100%;
  content: '';
}
.pet:after {
  position: absolute;
  top: 250px;
  left: 50%;
  display: block;
  margin: 0 0 0 -192px;
  width: 384px;
  height: 387px;
  background: url(images/section-pet.jpg) top left no-repeat;
  background-size: 100%;
  z-index: 1;
  content: '';
}
.pet__video {
  position: absolute;
  top: 257px;
  left: 50%;
  display: block;
  margin: 0 0 0 -180px;
  width: 365px;
  height: 365px;
  opacity: 1;
  z-index: 2;
  border-radius: 26px;
  overflow: hidden;
  -webkit-mask-image: url(svg/pet-mask.svg);
}
.pet__video-item {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 372px;
  height: 365px;
  margin: 0 0 0 -3px;
  visibility: hidden;
  opacity: 0;
  border-radius: 26px;
  overflow: hidden;
}
.pet__video._sleep .pet__video-item._sleep {
  visibility: visible;
  opacity: 1;
}
.pet__video._listen .pet__video-item._listen {
  visibility: visible;
  opacity: 1;
}
.pet__video._speak .pet__video-item._speak {
  visibility: visible;
  opacity: 1;
}
@media screen and (max-width: 650px) {
  .pet__video-item {
    display: none;
  }
}
.progress {
  margin: 0;
  padding: 40px 0 70px;
  list-style: none;
  counter-reset: li;
}
.progress__item {
  position: relative;
  margin: 0 0 18px;
  padding: 0 0 0 48px;
  counter-increment: li;
  font: 17px/30px 'Proxima Nova', Helvetica, Arial, sans-serif;
  /* Соединительная линия */
  /* Номер или статус этапа */
}
.progress__item._complete {
  color: #1a1a1a;
  font-weight: bold;
}
.progress__item:before {
  position: absolute;
  bottom: 100%;
  left: 14px;
  width: 2px;
  height: 18px;
  background: #1371f6;
  content: '';
}
.progress__item:first-child:before {
  display: none;
}
.progress__item._complete + .progress__item:before {
  background: linear-gradient(to bottom, #1a1a1a, #1371f6);
}
.progress__item._complete + .progress__item._complete:before {
  background: #1a1a1a;
}
.progress__item:after {
  position: absolute;
  top: 0;
  left: -1px;
  width: 28px;
  height: 28px;
  border: 2px solid #1371f6;
  border-radius: 15px;
  color: #1371f6;
  content: counter(li);
  text-align: center;
  font: bold 16px/28px 'Proxima Nova', Helvetica, Arial, sans-serif;
}
.progress__item._complete:after {
  border-color: #1a1a1a;
  background: url(svg/i_check.svg) 7px 9px no-repeat;
  content: '';
}
.section {
  position: relative;
  min-width: 800px;
  width: 100%;
  color: #1a1a1a;
  font: 20px/28px 'Proxima Nova', Helvetica, Arial, sans-serif;
}
.section._fullscreen {
  overflow: hidden;
  min-height: 600px;
  /*height: 100%;*/
  background: #333;
  color: #fff;
}
@media screen and (max-width: 650px) {
  .section._fullscreen {
    height: 100%;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  .section._fullscreen {
    height: 100%;
  }
}
.section__wrap {
  position: relative;
  margin: auto;
  max-width: 1100px;
}
/* Start page layer */
.section__start {
  position: absolute;
  top: 85px;
  bottom: 0;
  left: 0;
  width: 200%;
  -webkit-transition: -webkit-transform 0.65s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.65s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.65s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.65s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform: translate3d(-12.5%, 0, 0);
  transform: translate3d(-12.5%, 0, 0);
}
.section__start:before {
  display: inline-block;
  width: 0;
  height: 100%;
  content: '';
  vertical-align: middle;
}
.section._ready .section__start {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.section._try .section__start {
  left: 43px;
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.1, 0, 0.25, 1), left 0.45s cubic-bezier(0.1, 0, 0.25, 1);
  transition: transform 0.45s cubic-bezier(0.1, 0, 0.25, 1), left 0.45s cubic-bezier(0.1, 0, 0.25, 1);
  -webkit-transform: translate3d(-25%, 0, 0);
  transform: translate3d(-25%, 0, 0);
}
/* Video */
.section__video {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 86px 0 43px;
  width: 25%;
  /*height: 100%;*/
  height: 60%;
  vertical-align: middle;
}
/* Video popup */
.section__popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: none;
  text-align: center;
}
.section__popup._visible {
  display: block;
}
.section__popup-frame {
  width: 100%;
  height: 100%;
}
.section__popup-frame-player {
  width: 100%;
  height: 100%;
}
.section__popup-close {
  position: relative;
  z-index: 1;
  margin-top: -140px;
}
/* Description */
.section__desc {
  position: relative;
  z-index: 1;
}
.section__desc-title {
  font: 70px/1 'Proxima Nova Thin', Helvetica, Arial, sans-serif;
}
.section__desc-main > p {
  margin: 0 0 28px;
}
.section__desc-play,
.section__desc-try,
.section__desc-about {
  margin-top: 43px;
}
.section__desc-about {
  text-decoration: none;
}
/* Scroll to next section */
.section__next {
  position: absolute;
  bottom: 29px;
  left: 50%;
  margin: 0 0 0 -19px;
  width: 34px;
  height: 34px;
  border: 2px solid #fff;
  border-radius: 19px;
  cursor: pointer;
}
.section__next:before {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 16px;
  height: 8px;
  background: url(svg/i_down.svg) top left no-repeat;
  content: '';
}
/* Section «Start» */
.section._start {
  overflow: hidden;
  background: #010001;
  -webkit-background-size: cover;
  background-size: cover;
  white-space: nowrap;
}
.section._start .section__desc {
  display: inline-block;
  visibility: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 43px 0 86px;
  width: 25%;
  vertical-align: middle;
  white-space: normal;
  word-wrap: break-word;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.1, 0, 0.25, 1), visibility 0.4s cubic-bezier(0.1, 0, 0.25, 1);
}
.section._start._ready .section__desc {
  visibility: visible;
  opacity: 1;
}
.section._start .section__desc-title {
  margin: 0 0 30px 0;
  font: 50px/1 'Proxima Nova Light', Helvetica, Arial, sans-serif;
}
.section._start .section__chat {
  display: inline-block;
  visibility: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 129px 0 0;
  min-height: 200px;
  max-height: 44%;
  width: 25%;
  height: 100%;
  vertical-align: middle;
  white-space: normal;
  opacity: 0;
  transition: opacity 0s linear .65s,
            visibility 0s linear .65s;
}
.section._start._ready .section__chat {
  visibility: visible;
  opacity: 1;
}
/* Section «VOIS Cover» */
.section._vois-cover {
  background: #272624 url(images/section-vois-cover.jpg) center center;
  -webkit-background-size: cover;
  background-size: cover;
  text-align: center;
  min-height: 640px;
}
.section._vois-cover:before {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
  content: '';
}
.section._vois-cover .section__desc {
  display: inline-block;
  vertical-align: middle;
  margin: auto;
  padding-top: 25px;
  width: 640px;
  text-align: center;
}
.section._vois-cover .section__desc-title {
  font: 30px 'Proxima Nova Light', Helvetica, Arial, sans-serif;
  margin: 0 auto 52px;
}
.section._vois-cover .section__desc-title:after {
  display: block;
  width: 368px;
  height: 92px;
  margin: 75px auto 0;
  background: url(svg/i_vois-logo.svg) top left no-repeat;
  content: '';
}
.section._vois-cover .section__desc-main {
  font: 20px/26px 'Proxima Nova', Helvetica, Arial, sans-serif;
}
.section._vois-cover .section__label {
  position: absolute;
  right: 50%;
  bottom: 0;
  height: 60px;
  width: 50%;
  max-width: 565px;
  color: #fff;
  color: rgba(255, 255, 255, 0.5);
  z-index: 1;
  font: 16px/20px 'Proxima Nova', Helvetica, Arial, sans-serif;
}
/* Sections «Shop cover», «Order» */
.section._buy-cover,
.section._order-cover {
  max-height: 720px;
  background: #ddd;
  color: #1a1a1a;
}
.section._buy-cover .section__desc,
.section._order-cover .section__desc {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 50%;
  padding: 0 0 0 60px;
  max-width: 390px;
  height: 452px;
}
.section._buy-cover .section__desc:before,
.section._order-cover .section__desc:before {
  position: absolute;
  bottom: 0;
  left: -481px;
  width: 469px;
  height: 517px;
  background: url(images/section-buy-cover.jpg);
  -webkit-background-size: cover;
  background-size: cover;
  content: '';
}
.section._buy-cover .section__desc-title,
.section._order-cover .section__desc-title {
  margin: 0 0 21px -3px;
  font: 50px/50px 'Proxima Nova Light', Helvetica, Arial, sans-serif;
}
.section._buy-cover .section__desc-main,
.section._order-cover .section__desc-main {
  margin: 0 0 46px;
  font: 18px/28px 'Proxima Nova', Helvetica, Arial, sans-serif;
}
.section._buy-cover .section__desc-price,
.section._order-cover .section__desc-price {
  font: 26px/28px 'Proxima Nova', Helvetica, Arial, sans-serif;
}
.section._buy-cover .section__desc-price._dollar:before,
.section._order-cover .section__desc-price._dollar:before {
  content: '$';
}
.section._buy-cover .section__desc-price._rouble:after,
.section._order-cover .section__desc-price._rouble:after {
  display: inline-block;
  margin-left: 10px;
  width: 13px;
  height: 18px;
  background: url(svg/i_rouble.svg) top left no-repeat;
  content: '';
}
.section._order-cover {
  min-height: 670px;
}
.section._order-cover .section__desc {
  height: auto;
}
/* Section «Team cover» */
.section._team-cover {
  overflow: hidden;
  /*max-height: 720px;*/
  background: #2b251e url(images/section-team.jpg) top center;
  -webkit-background-size: cover;
  background-size: cover;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  font-size: 0;
}
.section._team-cover:before {
  display: inline-block;
  width: 0;
  height: 100%;
  content: '';
  vertical-align: middle;
}
.section._team-cover .section__desc {
  position: relative;
  top: 45px;
  display: inline-block;
  width: 700px;
  vertical-align: middle;
  white-space: normal;
  font: bold 48px/48px 'Proxima Nova', Helvetica, Arial, sans-serif;
}
/* Section «About» */
.section._about {
  background: #333333 url(images/section-about.jpg) center center;
  -webkit-background-size: cover;
  background-size: cover;
  white-space: nowrap;
}
.section._about:before {
  display: inline-block;
  width: 0;
  height: 100%;
  content: '';
  vertical-align: middle;
}
.section._about .section__desc {
  display: inline-block;
  margin: 0 0 0 86px;
  width: 460px;
  vertical-align: middle;
  white-space: normal;
  word-wrap: break-word;
}
.section._about .section__desc-title {
  margin: 0 0 30px;
  min-width: 550px;
  font: 50px/1 'Proxima Nova Light', Helvetica, Arial, sans-serif;
}
.section._about .section__desc-footer {
  padding: 45px 0 0;
}
/* Section «VOIS» */
.section._vois {
  background: #ddd;
}
.section._vois .section__wrap {
  padding: 121px 90px 109px 120px;
  min-height: 604px;
}
.section._vois .section__wrap:before {
  position: absolute;
  bottom: 0;
  left: 70px;
  display: block;
  width: 469px;
  height: 517px;
  background: url(images/section-vois.jpg) top left no-repeat;
  background-size: 100%;
  content: '';
}
.section._vois .section__desc {
  position: relative;
  margin: 0 0 0 50%;
}
.section._vois .section__desc-title {
  position: relative;
  left: -100%;
  float: left;
  margin: -14px -100% auto -3px;
  width: 80%;
}
.section._vois .section__desc-main {
  margin: 0 0 0 45px;
}
/* Section «Products» */
.section._products {
  background: #fff;
}
.section._products .section__wrap {
  padding: 98px 90px 125px;
  max-width: 920px;
}
.section._products .section__desc {
  position: relative;
  margin: 0 50% 0 0;
}
.section._products .section__desc-title {
  margin: 0 120px 41px 0;
  font: 30px/36px 'Proxima Nova Light', Helvetica, Arial, sans-serif;
}
.section._products .section__desc-main {
  margin: 0 120px 0 0;
  font: 20px/28px 'Proxima Nova', Helvetica, Arial, sans-serif;
}
.section._products .section__desc-main-features {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
}
/* Section «Form» */
.section._form {
  background: #fff;
}
.section._form .section__wrap {
  padding: 98px 90px 125px;
  max-width: 854px;
}
/* Section «Warranty» */
.section._warranty {
  background: #fff;
}
.section._warranty .section__wrap {
  padding: 66px 90px 78px;
  max-width: 920px;
}
/* Section «Feedback» */
.section._feedback {
  border-bottom: 1px solid #e6e6e6;
  background: #fff;
}
.section._feedback .section__wrap {
  padding: 110px 90px 120px;
  max-width: 920px;
}
/* Section «Contacts» */
.section._contacts {
  background: #fff;
}
.section._contacts .section__wrap {
  /*padding: 71px 90px 460px;*/
  padding: 71px 90px 60px;
  max-width: 920px;
}
.section._contacts .section__title {
  float: left;
  margin: -20px 0 0 -2px;
  width: 50%;
  font: 40px 'Proxima Nova Light', Helvetica, Arial, sans-serif;
}
.section._contacts .section__map {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 370px;
  background: #ccc;
}
/* Hero section */
.section._hero {
  background: #20221f;
}
.section._hero .section__title {
  font: 100px/100px 'Proxima Nova Thin', Helvetica, Arial, sans-serif;
  color: #fff;
  text-align: center;
  width: 100%;
  max-width: 920px;
  position: absolute;
  right: 0;
  bottom: 50%;
  left: 0;
  margin: 0 auto -44px;
}
.section._hero .section__pic {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 -302px;
  content: '';
  width: 647px;
  height: 389px;
  z-index: 1;
  pointer-events: none;
}
/* Features section */
.section._features {
  background: #fff;
  color: #1a1a1a;
}
.section._features .section__wrap {
  height: 100%;
  padding: 0 90px;
  max-width: 920px;
}
/* House section */
.section._house {
  background: #472c1d url(images/section-house.jpg) center center;
  -webkit-background-size: cover;
  background-size: cover;
  white-space: nowrap;
}
.section._house:before {
  display: inline-block;
  width: 0;
  height: 100%;
  content: '';
  vertical-align: middle;
}
.section._house .section__desc {
  position: relative;
  display: inline-block;
  margin: 0 0 0 86px;
  width: 460px;
  vertical-align: middle;
  white-space: normal;
  word-wrap: break-word;
  z-index: 1;
}
.section._house .section__desc-title {
  margin: 0 0 30px;
  min-width: 550px;
  font: 50px/1 'Proxima Nova Light', Helvetica, Arial, sans-serif;
}
.section._house .section__video,
.section._house .section__video-self {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: 0;
}
.section._house .section__video-self {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  width: auto;
  height: auto;
  background-size: contain;
  visibility: hidden;
  opacity: 0;
  transition: opacity .4s ease,
                visibility .4s ease;
}
.section._house .section__video-self._visible {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
/* Pet section */
.section._pet {
  background: #fff;
  color: #1a1a1a;
}
.section._pet .section__wrap {
  padding: 0 90px;
  max-width: 920px;
  height: 100%;
}
.section._pet .section__wrapper {
  margin: 0 0 0 50%;
  padding: 0 0 0 60px;
  font-size: 0;
  white-space: nowrap;
  height: 100%;
  max-height: 900px;
}
.section._pet .section__wrapper:before {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
  content: '';
}
.section._pet .section__desc {
  display: inline-block;
  width: 100%;
  white-space: normal;
  vertical-align: middle;
}
.section._pet .section__desc-title {
  font: 40px/1 'Proxima Nova Light', Helvetica, Arial, sans-serif;
  margin: 0 0 22px -2px;
}
.section._pet .section__desc-main {
  font: 20px/28px 'Proxima Nova', Helvetica, Arial, sans-serif;
}
.section._cubic {
  background: #006eff;
  max-height: 700px;
}
/* --- */
.block404 {
  width: 100%;
  height: 100%;
  position: relative;
}
.block404:after,
.block404:before {
  position: absolute;
  bottom: 0;
  width: 320px;
  height: 452px;
  content: '';
  z-index: 1;
}
.block404:after {
  background: url(images/overview-right.png) top left no-repeat;
  background-size: 100%;
  right: 237px;
}
.block404:before {
  background: url(images/overview-left.png) top left no-repeat;
  background-size: 100%;
  left: 237px;
}
.block404__text {
  position: absolute;
  width: 400px;
  top: 360px;
  text-align: center;
  left: 50%;
  margin: 0 0 0 -200px;
  font: bold 128px/48px 'Proxima Nova', Helvetica, Arial, sans-serif;
}
.block404__subtext {
  display: block;
  text-align: center;
  margin-top: 32px;
  font: 18px/24px 'Proxima Nova', Helvetica, Arial, sans-serif;
}
.block404__btn {
  margin-top: 150px;
  text-decoration: none;
  z-index: 99;
}
.social {
  padding: 2px 0 0;
}
.social._subscribe,
.social._follow {
  position: absolute;
  z-index: 1;
  bottom: 26px;
  right: 84px;
}
.social__list {
  display: inline-block;
  font-size: 0;
  margin: 0 -17px;
}
.social__list-item {
  display: inline-block;
  margin: 0 17px;
}
.social__list-item-link {
  position: relative;
  display: block;
  overflow: hidden;
  text-indent: -999em;
  cursor: pointer;
  opacity: 1;
  transition: opacity .2s ease;
}
.social__list-item-link:hover {
  opacity: .7;
}
.social__list-item-link._vk {
  width: 24px;
  height: 14px;
  background: url(svg/i_vk.svg) top left no-repeat;
}
.social__list-item-link._fb {
  bottom: -1px;
  width: 9px;
  height: 19px;
  background: url(svg/i_fb.svg) top left no-repeat;
}
.social__list-item-link._tw {
  bottom: -1px;
  width: 24px;
  height: 16px;
  background: url(svg/i_tw.svg) top left no-repeat;
}
.social__list-item-link._ig {
  width: 16px;
  height: 16px;
  background: url(svg/i_ig.svg) top left no-repeat;
}
.social__list-item-link._yt {
  width: 18px;
  height: 14px;
}
.social._subscribe .social__list-item-link._vk {
  background: url(svg/i_vk-gray.svg) top left no-repeat;
}
.social._subscribe .social__list-item-link._fb {
  background: url(svg/i_fb-gray.svg) top left no-repeat;
}
.social._subscribe .social__list-item-link._yt {
  background: url(svg/i_yt-gray.svg) top left no-repeat;
}
.subscribe {
  display: block;
  padding: 39px 0 0;
  white-space: nowrap;
}
.subscribe__label {
  display: inline-block;
  vertical-align: top;
  font: 14px/17px 'Proxima Nova', Helvetica, Arial, sans-serif;
  max-width: 120px;
  margin-right: 10px;
  color: #808080;
  text-align: left;
  white-space: normal;
}
.subscribe__input {
  width: 200px;
  display: inline-block;
  vertical-align: top;
  margin-right: 32px;
}
.subscribe__input-self {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 6px 10px;
  width: 100%;
  border-radius: 4px;
  font: 16px/30px 'Proxima Nova Semibold', Helvetica, Arial, sans-serif;
  height: 30px;
  border: 1px solid #e6e6e6;
  background: #f2f2f2;
  color: #1a1a1a;
  -webkit-font-smoothing: antialiased;
  height: 20px;
  font: 15px/20px 'Proxima Nova', Helvetica, Arial, sans-serif;
  border-radius: 2px;
}
.subscribe__input-self:focus {
  z-index: 1;
  outline: none;
  border-color: #79b1d3;
  box-shadow: 0 0 2px 0 #4080c8;
}
.subscribe__input-self::-webkit-input-placeholder {
  color: #1a1a1a;
}
.subscribe__input-self:-moz-placeholder {
  color: #1a1a1a;
  opacity: 1;
}
.subscribe__input-self::-moz-placeholder {
  color: #1a1a1a;
  opacity: 1;
}
.subscribe__input-self:-ms-input-placeholder {
  color: #1a1a1a;
}
.subscribe__input-self::-webkit-input-placeholder {
  color: #999;
}
.subscribe__input-self:-moz-placeholder {
  color: #999;
  opacity: 1;
}
.subscribe__input-self::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.subscribe__input-self:-ms-input-placeholder {
  color: #999;
}
.subscribe__submit {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 9px 28px 8px;
  border: 2px solid #fff;
  border-radius: 4px;
  background: transparent;
  color: #fff;
  vertical-align: top;
  font: 16px/21px 'Proxima Nova Semibold', Helvetica, Arial, sans-serif;
  cursor: pointer;
  transition: background .2s ease,
        color .2s ease;
  padding: 3px 21px 2px;
  border: 0;
  background: #8c9092;
  border-radius: 2px;
  line-height: 30px;
}
.subscribe__submit:hover {
  background: #fff;
  color: #000;
}
.subscribe__submit:active {
  bottom: -1px;
}
.subscribe__submit:focus {
  outline: none;
}
.subscribe__submit._video {
  border-color: #a697ff;
  color: #a697fe;
}
.subscribe__submit._video:hover {
  background: #a697ff;
  color: #000;
}
.subscribe__submit._submit {
  padding: 9px 0 8px;
  width: 100%;
  border: 0;
  background: #1371f6;
  color: #fff;
  transition: background .2s ease;
}
.subscribe__submit._submit:hover {
  background: #2b7ff7;
}
.subscribe__submit._submit:active {
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.3);
}
.subscribe__submit._submit._inline {
  width: auto;
  padding: 9px 50px 8px;
}
.tabs {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
}
.tabs__video {
  position: absolute;
  top: 60px;
  right: 0;
  bottom: 40%;
  width: 0;
}
.tabs__video-in {
  position: absolute;
  top: 50%;
  right: 0;
  width: 376px;
  height: 302px;
  margin: -151px 0 0;
  z-index: 1;
}
.tabs__video-item,
.tabs__video-poster {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  visibility: hidden;
  opacity: 0;
}
.tabs__video._speak .tabs__video-item._speak,
.tabs__video._speak .tabs__video-poster._speak {
  visibility: visible;
  opacity: 1;
}
.tabs__video._listen .tabs__video-item._listen,
.tabs__video._listen .tabs__video-poster._listen {
  visibility: visible;
  opacity: 1;
}
@media screen and (max-width: 650px) {
  .tabs__video-item {
    opacity: 0 !important;
  }
  .tabs__video-poster {
    opacity: 1;
    visibility: visible;
  }
}
.tabs__viewport {
  position: absolute;
  top: 60px;
  right: 0;
  bottom: 40%;
  left: 0;
  overflow: hidden;
}
.tabs__viewport-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
  visibility: hidden;
  transition: visibility .2s ease,
                opacity .2s ease;
}
.tabs__viewport-slide._current {
  opacity: 1;
  visibility: visible;
  transition: visibility .4s ease .2s,
                    opacity .4s ease .2s;
}
.tabs__viewport-slide:after {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.tabs__viewport-slide-in {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}
.tabs__viewport-slide-title {
  position: relative;
  width: 50%;
  font: 40px/48px 'Proxima Nova Light', Helvetica, Arial, sans-serif;
  margin: 0 0 38px;
}
.tabs__viewport-slide-main {
  position: relative;
  width: 50%;
  font: 20px/28px 'Proxima Nova', Helvetica, Arial, sans-serif;
}
.tabs__nav {
  position: absolute;
  top: 62%;
  right: 0;
  left: 0;
  text-align: justify;
  white-space: normal;
  font: 16px/19px 'Proxima Nova', Helvetica, Arial, sans-serif;
}
.tabs__nav:after {
  display: inline-block;
  width: 100%;
  height: 0;
  margin-top: -19px;
  content: '';
}
.teasers {
  font-size: 0;
}
.teasers__item {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  padding: 4px 0 0 90px;
  width: 50%;
  vertical-align: top;
  font: 16px/24px 'Proxima Nova', Helvetica, Arial, sans-serif;
}
.teasers__item:nth-child(2n) {
  padding: 0 60px 0 155px;
}
.teasers__item:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 63px;
  height: 70px;
  content: '';
}
.teasers__item:nth-child(2n):before {
  left: 60px;
}
.teasers__item._pleasure:before {
  background: url(svg/i_teaser-pleasure.svg) top left no-repeat;
}
.teasers__item._quality:before {
  background: url(svg/i_teaser-quality.svg) top left no-repeat;
}
.teasers__item-title {
  margin: 0 0 14px;
  color: #1371f6;
  font: 26px/32px 'Proxima Nova', Helvetica, Arial, sans-serif;
}
.vcard {
  margin: 0 0 0 50%;
  padding: 0 60px;
  font: 18px/22px 'Proxima Nova', Helvetica, Arial, sans-serif;
  /* Название организации */
  /* Адрес */
}
.vcard .fn {
  display: none;
}
.vcard .adr {
  margin: 0 0 22px;
}
.vcard .adr .country-name {
  display: none;
}
.vcard .adr .postal-code,
.vcard .adr .locality {
  display: inline;
}
.vcard .adr .postal-code:after,
.vcard .adr .locality:after {
  content: ',';
}
.vcard .adr .street-address {
  display: inline;
}
.vcard .tel {
  margin: 0 0 22px;
}
.vcard .email {
  color: #1371f6;
  text-decoration: none;
}
.vcard .email:hover {
  text-decoration: underline;
}
.vois {
  padding: 120px 0 170px;
}
.vois__article {
  position: relative;
  margin: 0 0 0 50%;
}
.vois__article._car {
  height: 316px;
  margin-bottom: 138px;
  text-align: left;
}
.vois__article._watch {
  height: 424px;
  margin-bottom: 108px;
  text-align: left;
}
.vois__article._stand {
  height: 391px;
  text-align: left;
}
.vois__article:before {
  position: absolute;
  content: '';
}
.vois__article._car:before {
  top: -4px;
  left: -70px;
  width: 553px;
  height: 316px;
  background: url(svg/i_vois-pic-car.svg) top left no-repeat;
}
.vois__article._watch:before {
  top: -5px;
  left: -100%;
  width: 511px;
  height: 399px;
  background: url(svg/i_vois-pic-watch.svg) top left no-repeat;
}
.vois__article._stand:before {
  top: -6px;
  width: 555px;
  height: 392px;
  background: url(svg/i_vois-pic-stand.svg) top left no-repeat;
}
.vois__article:after {
  display: table;
  clear: both;
  content: '';
}
.vois__article-in {
  /*text-align: center;*/
}
.vois__article:nth-child(2n - 1) .vois__article-in {
  position: relative;
  left: -100%;
  float: left;
  width: 100%;
  margin-right: -100%;
}
.vois__article-icon {
  position: relative;
  display: inline-block;
  width: 63px;
  height: 69px;
  background: url(svg/i_vois-border.svg) top left no-repeat;
  vertical-align: top;
}
.vois__article-icon:before {
  position: absolute;
  z-index: 1;
  content: '';
}
.vois__article-icon._car:before {
  top: 17px;
  left: 9px;
  width: 45px;
  height: 33px;
  background: url(svg/i_vois-icon-car.svg) top left no-repeat;
}
.vois__article-icon._watch:before {
  top: 14px;
  left: 17px;
  width: 32px;
  height: 42px;
  background: url(svg/i_vois-icon-watch.svg) top left no-repeat;
}
.vois__article-icon._stand:before {
  top: 19px;
  left: 19px;
  width: 25px;
  height: 36px;
  background: url(svg/i_vois-icon-stand.svg) top left no-repeat;
}
.vois__article-title {
  font: 60px/60px 'Proxima Nova Light', Helvetica, Arial, sans-serif;
  margin: 31px 0 19px;
}
.vois__article-text {
  font: 18px/26px 'Proxima Nova', Helvetica, Arial, sans-serif;
  /*width: 300px;
                    margin: auto;*/
  width: auto;
  margin: 0;
}
.vois__article-text p {
  margin: 0 0 9px;
}
.vois__article-text ul {
  margin: 0 0 9px;
}
.vois__article-text ul li {
  margin: 0 0 0px 24px;
  position: relative;
}
.vois__article-text ul li:after {
  display: block;
  width: 12px;
  height: 2px;
  content: '';
  position: absolute;
  left: -24px;
  top: 10px;
  background: #1371f6;
}
.vois__full-text {
  font: 18px/26px 'Proxima Nova', Helvetica, Arial, sans-serif;
  max-width: 960px;
  margin: 0 auto 120px;
}
.vois__full-text p {
  margin: 0 0 25px;
}
.vois__full-text a {
  color: #1371f6;
}

@-webkit-keyframes photor__preloader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes photor__preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.photor {
  position: relative;
  width: 100%;
  height: 100%;
  margin: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
}
.photor__viewport {
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 60px;
  left: -1px;
  overflow: hidden;
}
.photor__viewportLayer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-property: left, -webkit-transform;
  transition-property: left, transform;
  transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
  transition-duration: .24s;
  z-index: 0;
}
.photor__viewportLayerSlide {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  text-align: center;
  white-space: nowrap;
  /* Изображение не загружено */
  /* Спрятанное изображение */
  /* Алгоритм размещения фотографии по умолчанию */
  /* Алгоритм размещения фотографии по центру (для маленьких изображений) */
}
.photor__viewportLayerSlide:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
  font-size: 0;
}
.photor__viewportLayerSlide:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  margin: -9px 0 0 -9px;
  visibility: hidden;
  content: '';
  border-radius: 50%;
  border: 2px solid #fff;
  border-right: 2px solid transparent;
  -webkit-animation: photor__preloader .8s linear infinite;
  animation: photor__preloader .8s linear infinite;
  opacity: 0;
  transition: all .3s ease;
}
.photor__viewportLayerSlideImg {
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 0;
  left: 1px;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 1;
  transition: opacity .2s ease;
  visibility: visible;
  display: inline-block;
  vertical-align: middle;
}
.photor__viewportLayerSlideImg._alt:before {
  display: block;
  content: attr(data-alt);
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 4px 0;
  font: 14px/20px Arial;
}
.photor__viewportLayerSlide._loading {
  /* Прелоадер */
}
.photor__viewportLayerSlide._loading:after {
  visibility: visible;
  opacity: 1;
}
.photor__viewportLayerSlide._loading .photor__viewportLayerSlideImg {
  opacity: 0;
}
.photor__viewportLayerSlide._hidden {
  display: none;
}
.photor__viewportLayerSlide._auto .photor__viewportLayerSlideImg {
  -webkit-background-size: contain;
  background-size: contain;
}
@media (max-width: 400px) {
  .photor__viewportLayerSlide._auto .photor__viewportLayerSlideImg {
    -webkit-background-size: cover;
    background-size: cover;
  }
}
.photor__viewportLayerSlide._center {
  background-size: auto;
}
.photor__viewportLayerSlide._html:before,
.photor__viewportLayerSlide._html:after {
  display: none;
}
.photor__viewportControl {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
}
.photor__viewportControlPrev,
.photor__viewportControlNext {
  position: absolute;
  top: 0;
  bottom: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* Запрещенная фотография */
}
.photor__viewportControlPrev._disabled,
.photor__viewportControlNext._disabled {
  cursor: default;
}
.photor__viewportControlPrev {
  right: 70%;
  left: 0;
}
.photor__viewportControlNext {
  right: 0;
  left: 30%;
}
.photor__thumbs {
  position: absolute;
  height: 56px;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 2px 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
}
.photor__thumbsWrap {
  position: relative;
  display: inline-block;
  text-align: left;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-property: left, -webkit-transform;
  transition-property: left, transform;
  transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
  transition-duration: .24s;
  margin: 0 -1px;
}
._noeffects .photor__thumbsWrap {
  transition-duration: 0s;
}
.photor__thumbsWrapItem {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  margin: 0 1px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
  cursor: pointer;
}
.photor__thumbsWrapItemImg {
  width: auto;
  height: 100%;
  vertical-align: top;
  border: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.photor._dots .photor__thumbsWrapItem {
  width: 4px;
  height: 4px;
  padding: 5px;
  margin: 0;
}
.photor._dots .photor__thumbsWrapItem:before {
  display: block;
  width: 4px;
  height: 4px;
  border: 1px solid gray;
  border-radius: 3px;
  content: '';
}
.photor._dots .photor__thumbsWrapItem._current:before {
  background: gray;
}
.photor__thumbsWrapFrame {
  top: 0;
  height: 100%;
  position: absolute;
  transition-property: all;
  transition-duration: 5s;
  transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #00afea;
  background: rgba(171, 171, 171, 0.15);
}
@media (max-device-width: 1280px) {
  .photor__thumbsWrapFrame {
    -webkit-transition-property: top, left, -webkit-transform;
    transition-property: top, left, transform;
  }
}
/* Во время перетаскивания */
.photor._dragging .photor__viewportControl {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.photor._dragging .photor__viewportControlPrev,
.photor._dragging .photor__viewportControlNext {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
/* Internet Explorer 8 */
.photor._ie8 .photor__viewportLayerSlide._auto._portrait .photor__viewportLayerSlideImg {
  height: 100%;
  width: auto;
}
.photor._ie8 .photor__viewportLayerSlide._auto._landscape .photor__viewportLayerSlideImg {
  height: auto;
  width: 100%;
}
.photor._ie8 .photor__viewportLayerSlide._center .photor__viewportLayerSlideImg {
  height: auto;
  width: auto;
}
.photor._ie8 .photor__viewportControl {
  background: url('about:blank');
}